<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>GXUT-RS-PINGYI</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    
    <link href="https://cdn.bootcss.com/handsontable/7.1.0/handsontable.full.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
    <link href="./style.css" rel="stylesheet">

  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top----" style="margin-bottom: inherit;">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">考核评议数据管理</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">统计</a></li>
            <li class="active"><a href="#">录表</a></li>
            <li><a href="#">设置</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container" style="    width: inherit;">

      <div class="starter-template small">
          <div id="vue_app">
            <form class="form-inline">
                <div class="form-group">
                    <label> 部门 </label>
                    <select name="dept_id" @change="search()" class="form-control" v-model="depts_selected_id">
                        <option value="_">所有</option>
                        <template v-if="depts.length">
                            <option v-for="one in depts" v-bind:value="one.id">
                            （{{ one.type }}类）{{ one.name }}
                            </option>
                        </template>
                    </select>
                </div>
                <div class="form-group">
                    <label>级别</label>
                    <select name="level" @change="search()" v-model="level" id="beipingren_level" class="form-control">
                        <option value="_">所有</option>
                        <option value="1">正副科级</option>
                        <option value="2">正副处级</option>
                        <option value="3">校级</option>
                    </select>
                </div>
                <div class="form-group hidden">
                    <span v-on:click.stop="search" class="btn btn-sm btn-primary">检索</span>
                </div>
                <div class="form-group" style="margin-left:2em">
                    <label>被评人：</label>
                    <template v-if="beipingrens.length">
                        <button v-for="one in beipingrens"  @click="selectBpr(one.id)"
                            type="button" 
                            v-bind:data-uid="one.id" 
                            class="btn btn-sm btn-primary"
                            v-bind:class="{ 'btn-link': beipingrens_id!=one.id }" >
                            {{ one.name }}
                        </button>
                    </template>
                    <template v-else>
                        无
                    </template>
                </div>
                
            </form>
          </div>
      </div>

      <!-- ****************************************************************** -->
      <div id="example1"></div>

      <p></p>
      <p class="text-center">
        <span class="btn btn-danger" onclick="app.saveScore('hand_save')">保存</span>
        <span class="btn btn-link" onclick="removeEmptyRows()">清除空白行</span>
        <span class="btn btn-link" onclick="addEmptyRows(10)">加10行</span>
      </p>
      <p></p>

    </div><!-- /.container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/handsontable/7.1.0/handsontable.full.min.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    
    <script src="./tables.js"></script>
    
  </body>
</html>

<script>
  



</script>